<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="UTF-8" />
    <meta http-equiv="X-UA-Compatible" content="IE=edge" />
    <meta name="viewport" content="width=device-width, initial-scale=1.0" />
    <title>Document</title>
  </head>
  <body>
    <script>
      // Map
      
      // Array.prototype.myMap=function(fn){
      //   const newArr = []
      //   for(let i = 0; i < this.length;i++){
      //      newArr.push(fn(this[i],i,this))
      //   }
      //   return newArr
      // }
      // const arr=[1,2,3,4,5]

      // arr.myMap((item,index,array)=>{
      //   console.log(item);
      //   console.log(index);
      //   console.log(array);
      // })





      // filter

      Array.prototype.myFilter = function (fn) {
        const newArr = []
        for (let i = 0; i < this.length; i++) {
          if (fn(this[i], i, this)) {
            newArr.push(this[i], i, this)
          }
        }
        return newArr
      }

      const arr = [1, 2, 3, 4, 5, 6]

      arr.myFilter((item,index,array)=>{
        console.log(item);
        console.log(index);
        console.log(array);
      })

      
    </script>
  </body>
</html>
